* {
    font-family: arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei";
    color: #333;
    line-height: 1.5;
    -webkit-box-sizing:border-box; /* Safari */
    -moz-box-sizing:border-box; /* Firefox */
    box-sizing:border-box;
}

body { margin: 0; }

ul { margin: 0; padding: 0; }

li { list-style: none; }

h1, h2, h3 { margin-top: 40px; margin-bottom: 20px; }

h1 > small, h2 > small, h3 > small { color: #999; }

code { color: #fd5f50; }

/* 设定网页宽度 */
.container { max-width: 1000px; width: 100%; margin-left: auto; margin-right: auto; }

/* 清除伪类 */
.clearfix:after, .container:after, .row:after, .nav:after {
    content: " "; display:block; height:0; visibility:hidden; clear:both;
}


.col { min-height: 1px; padding-right: 15px; padding-left: 15px; float: left; }

.col-x-6 { width: 50%; }
.col-x-12 { width: 100%; }


/* >=768px */
@media (min-width: 768px) {
    .col-m-6 { width: 50%; }
}

/* >=992px */
@media (min-width: 992px) {

}


@-webkit-keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }

  to {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}